
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>登录后台</title>
<meta charset="utf-8">
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Meta tag Keywords -->

<!-- css files -->
<link rel="stylesheet" href="public/css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
<link rel="stylesheet" href="public/css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->

<!-- js -->
<script type="text/javascript" src="public/js/jquery-2.1.4.min.js"></script>
<!-- //js -->

<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=Oleo+Script:400,700&amp;subset=latin-ext" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body>
<script src="public/js/jquery.vide.min.js"></script>
	<!-- main -->
	<div data-vide-bg="public/video/Ipad">
		<div class="wrapper center-container">
			<!--header-->
			<div class="header-w3l">
				<h1>登录进入网站管理</h1>
				<a id="error"></a>
			</div>
			<!--//header-->
			<div class="main-content-agile">
				<div class="sub-main-w3">	
					<div class="wthree-pro">
						<h2>&nbsp;</h2>
					</div>
					<form action="loginact.php" method="post"  id="loginform">
						<input placeholder="管理员" name="name" class="user" type="email" required="">
						<span class="icon1"><i class="fa fa-user" aria-hidden="true"></i></span><br><br>
						<input  placeholder="密码" name="password" class="pass" type="password" required="">
						<span class="icon2"><i class="fa fa-unlock" aria-hidden="true"></i></span><br>
						<div class="sub-w3l">
							<h6><a href="#">忘记密码?</a></h6>
							<div class="right-w3l">
								<input type="submit" value="登　录" id="login-button">
							</div>
						</div>
					</form>
				</div>
			</div>
			<!--//main-->
			<div>&nbsp;</div>
		</div>
		<script src="../public/js/jquery-2.1.1.min.js" type="text/javascript"></script>
		<script>
			$('#loginform').submit(function (event) {
				// event.preventDefault();
				$('#loginform').fadeOut(500);
				$('.wrapper').addClass('form-success');
				setTimeout(function(){
					$.ajax({
						type:'post',
						url:$('#loginform').attr('action'),
						data:$('#loginform').serialize(),
						dataType:'json',
						success:function(data){
							if(data.code=='000'){
								window.location="index.php";

							}else{
								$('.wrapper').removeClass('form-success');
								$('#loginform').fadeIn(500);
								$('#error').html(data.msg);
							}
						}
					});
				},600);
				
				return false;
			});
			</script>
	</div>
	
</body>
</html>